﻿<script src="~/lib/vue/dist/vue.global.js"></script>
<link href="~/lib/element-plus/dist/index.css" rel="stylesheet" />
<script src="~/lib/element-plus/dist/index.full.js"></script>
<script src="~/lib/axios/dist/axios.js"></script>
<link href="~/css/table.css" rel="stylesheet" />
<div id="app">
    <table width="100%">
        <tr>
            <td>
                <p color="black">您正在做的业务是:人力资源管理--薪酬标准管理--薪酬标准变更</p>
            </td>
        </tr>
        <tr>
            <td>
                <div align="right">
                    <input type="button" value="查 询" v-on:click="check()" class="BUTTON_STYLE1">
                </div>
            </td>
        </tr>
    </table>
    <table width="100%" border="1" cellpadding=0 cellspacing=1
           bordercolorlight=#848284 bordercolordark=#eeeeee
           class="TABLE_STYLE2">
        <tr>
            <td width="20%" class="TD_STYLE1">
                请输入薪酬标准编号
            </td>
            <td class="TD_STYLE2">
                <el-input type="text" name="standard.standardId"
                          class="INPUT_STYLE1" v-model="from.standardId"></el-input>
            </td>
        </tr>
        <tr>
            <td class="TD_STYLE1">
                请输入关键字
            </td>
            <td class="TD_STYLE2">
                <el-input type="text" name="utilbean.primarKey" class="INPUT_STYLE1" v-model="from.gzc"></el-input>
            </td>
        </tr>
        <tr>
            <td class="TD_STYLE1">
                请输入建档时间
            </td>
            <td width="84%" class="TD_STYLE2">
                <input type="hidden" name="utilBean.datePropertyName" value="registTime" />

                <el-date-picker v-model="from.startDate"
                                type="date"
                                placeholder="选择日期">
                </el-date-picker>
                至
                <el-date-picker v-model="from.endDate"
                                type="date"
                                placeholder="选择日期">
                </el-date-picker>
                （YYYY-MM-DD）
            </td>
        </tr>
    </table>
</div>
<script>
    var { createApp, reactive, ref } = Vue
    var app = createApp({
        setup() {

        

            const from = reactive({
                standardId: '',
                gzc: '',
                startDate: '',
                endDate: ''
            })
           
            function check() {
                const queryParams = new URLSearchParams();
                queryParams.set('ss', JSON.stringify(from));
                window.location.href = `/Alteration/Index1?${queryParams.toString()}`;
            }

            return {
                from,
                check
            }
        }
    })
    app.use(ElementPlus)
    app.mount("#app");
</script>
<style type="text/css">
    body {
        background-color: #FFFFBB;
        border: 1px solid #FFDB6F;
        display: block;
        margin: 8px;
    }
</style>